<template>
  <el-cascader
          :options="options"
          v-model="job"
          :show-all-levels="false"
          placeholder="请选择"
          @change="btnClick">
  </el-cascader>
</template>

<script>
  export default {
    name: "jobclassify",
    data() {
      return {
        job:'',

        options: [
          {
            value: '技术',
            label: '技术',
            children: [
              {//二级菜单
                value: '后端开发',
                label: '后端开发',
              },
              {
                value: '前端开发',
                label: '前端开发',
              },
              {
                value: '测试',
                label: '测试',
              },
              {
                value: '运维/技术支持',
                label: '运维/技术支持',
              },
              {
                value: '大数据',
                label: '大数据',
              },
              {//二级菜单
                value: '移动开发',
                label: '移动开发',
              },
              {
                value: '电子半导体',
                label: '电子半导体',
              },
              {
                value: '售前售后',
                label: '售前售后',
              },
            ]
          },
          {
            value: '设计',
            label: '设计',
            children: [
              {//二级菜单
                value: '视觉交互设计',
                label: '视觉交互设计',
              },
              {
                value: '游戏设计',
                label: '游戏设计',
              },
              {
                value: '用户研究',
                label: '用户研究',
              },
              {//二级菜单
                value: '高端设计职位',
                label: '高端设计职位',
              },
              {
                value: '非视觉设计',
                label: '非视觉设计',
              },
              {
                value: '其他设计职业',
                label: '其他设计职业',
              },

            ]
          },
          {
            value: '运营',
            label: '运营',
            children: [
              {//二级菜单
                value: '产品运营',
                label: '产品运营',
              },
              {
                value: '编辑',
                label: '编辑',
              },
              {
                value: '客服',
                label: '客服',
              },
              {//二级菜单
                value: '运营经理',
                label: '运营经理',
              },
              {
                value: '其他运营',
                label: '其他运营',
              }
            ]
          },
          {
            value: '市场',
            label: '市场',
            children: [
              {//二级菜单
                value: '政府事务',
                label: '政府事务',
              },
              {
                value: '市场/营销',
                label: '市场/营销',
              },
              {
                value: '公关媒介',
                label: '公关媒介',
              },
              {//二级菜单
                value: '会晤会展',
                label: '会晤会展',
              },
              {
                value: '广告',
                label: '广告',
              },
              {
                value: '高端市场经理',
                label: '高端市场经理',
              }
            ]
          },
          {
            value: '人事/财务/行政',
            label: '人事/财务/行政',
            children: [
              {//二级菜单
                value: '人力资源',
                label: '人力资源',
              },
              {
                value: '行政',
                label: '行政',
              },
              {
                value: '财务',
                label: '财务',
              },
              {//二级菜单
                value: '法务',
                label: '法务',
              }
            ]
          },
          {
            value: '销售',
            label: '销售',
            children: [
              {//二级菜单
                value: '销售行政',
                label: '销售行政',
              },
              {
                value: '房地产销售',
                label: '房地产销售',
              },
              {
                value: '公关服务业销售',
                label: '公关服务业销售',
              },
              {//二级菜单
                value: '汽车销售',
                label: '汽车销售',
              },
              {
                value: '广告会展销售',
                label: '广告会展销售',
              },
              {
                value: '金融销售',
                label: '金融销售',
              },
              {//二级菜单
                value: '外贸销售',
                label: '外贸销售',
              },
              {
                value: '销售经理',
                label: '销售经理',
              }
            ]
          },
          {
            value: '金融',
            label: '金融',
            children: [
              {//二级菜单
                value: '投融资',
                label: '投融资',
              },
              {
                value: '风险调控',
                label: '风险调控',
              },
              {
                value: '税务审计',
                label: '税务审计',
              },
              {//二级菜单
                value: '银行',
                label: '银行',
              },
              {
                value: '互联网金融',
                label: '互联网金融',
              },
              {
                value: '保险',
                label: '保险',
              },
              {//二级菜单
                value: '证券',
                label: '证券',
              }
            ]
          },
          {
            value: '教育培训',
            label: '教育培训',
            children: [
              {//二级菜单
                value: '教育产品研发',
                label: '教育产品研发',
              },
              {
                value: '教师',
                label: '教师',
              },
              {
                value: 'IT培训',
                label: 'IT培训',
              },
              {//二级菜单
                value: '职业培训',
                label: '职业培训',
              }
            ]
          },
          {
            value: '医疗健康',
            label: '医疗健康',
            children: [
              {//二级菜单
                value: '医生/技师',
                label: '医生/技师',
              },
              {
                value: '护士护理',
                label: '护士护理',
              },
              {
                value: '健康整形',
                label: '健康整形',
              },
              {//二级菜单
                value: '药店',
                label: '药店',
              }
            ]
          },
          {
            value: '供应链',
            label: '供应链',
            children: [
              {//二级菜单
                value: '物流',
                label: '物流',
              },
              {
                value: '仓储',
                label: '仓储',
              },
              {
                value: '交通运输',
                label: '交通运输',
              },
            ]
          },
          {
            value: '服务业',
            label: '服务业',
            children: [
              {//二级菜单
                value: '餐饮',
                label: '餐饮',
              },
              {
                value: '酒店',
                label: '酒店',
              },
              {
                value: '零售',
                label: '零售',
              },
              {//二级菜单
                value: '运动健身',
                label: '运动健身',
              },
              {
                value: '婚礼/花艺',
                label: '婚礼/花艺',
              },
              {
                value: '安保/家政',
                label: '安保/家政',
              },
            ]
          },
        ]
      }
    },
    methods: {
      btnClick:function (name) {
        // console.log(name[1]);
        this.$emit("job",name[1])
      }
    }
  }
</script>

<style scoped>

</style>